import React from 'react';

type FLexRowProps = {
    children: React.ReactNode,
    className?: string,
    style?: React.CSSProperties,
    margin?: string,
};

const FlexColumn = ({ children, style, className, margin }: FLexRowProps) => {
    return (
        <div className={`flex flex-col flex-wrap h-auto mt-1 mb-1 gap-3 p-3 ${margin} ${style} ${className}`}>
            {children}
        </div>
    );
};

export default FlexColumn;
